<%@ page language="java" import="java.util.*" pageEncoding="utf-8" isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<base href="<%=basePath%>>">
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>我要出租</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="<%=path%>/statics/js/rem.js"></script>
    <script src="<%=path%>/statics/js/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="<%=path%>/statics/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/statics/css/page.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/statics/css/all.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/statics/css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/statics/css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/statics/css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/statics/slick/slick.css"/>
    <script type="text/javascript" src="<%=path%>/statics/js/menu.js"></script>
    <link rel="stylesheet" href="<%=path%>/statics/css/mui.min1.css">
    <link rel="stylesheet" type="text/css" href=<%=path%>./statics/css/app.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/statics/css/mui.picker.min.css"/>
    <link href="<%=path%>/statics/css/mui.picker.css" rel="stylesheet"/>
    <link href="<%=path%>/statics/css/mui.poppicker.css" rel="stylesheet"/>


    <script type="text/javascript">
        $(window).load(function () {
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300)
        })
    </script>
    <script>
        $(function () {
            $("#goBack").click(function () {
                window.location.href = document.referrer;
            })
        })
    </script>
    <style>
        .service-tie ul li {
            width: 99%;
            margin-left: 0.2rem;
            margin-bottom: .3rem;
            font-size: .32rem;
            line-height: .7rem;
            color: #555555;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-text-overflow: ellipsis;
            white-space: nowrap;
        }

        .service-tie ul li i {
            margin-right: .2rem;
            width: .5rem;
            font-size: .57rem;
            display: inline-block;
            float: left;
        }
    </style>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<body>
<div id="show">
    <div class="headertwo clearfloat" id="header">
        <a href="javascript:history.go(-1)" class="fl box-s"><i class="iconfont icon-arrow-l fl"></i></a>
        <p class="fl">查看房屋发布</p>
    </div>
    <div class="clearfloat" id="main">
        <div class="lease clearfloat">
            <div class="land-ctent land-ctenttwo clearfloat">
                <ul class="mui-table-view">
                    <li class="box-s clearfloat">
                        <p class="tit fl" style="font-weight: bold;color: red">失败原因：</p>
                        <textarea style="margin-left: 20%;width: 70%;font-size: 0.4rem"
                                  readonly="readonly">${house.yuanyin}</textarea>
                    </li>
                    <li class="box-s clearfloat">
                        <p class="tit fl">房屋名称：</p>
                        <input type="text" name="title" id="title" value="${house.title}" readonly="readonly"
                               class="fl"/>
                    </li>
                    <li class="box-s clearfloat">
                        <p class="tit fl" style="display: inline-block">房屋户型：</p>
                        <input type="text" name="shi" size="4" id="shi" readonly="readonly" value="${house.htype.shi}"
                               style="text-align: center;width:10%;border: 1px solid silver;height: 25px;line-height: 25px;margin-left: 40%">
                        &nbsp;<span style="font-size: 0.4rem;display: inline-block;">室</span>&nbsp;
                        <input type="text" name="ting" size="4" id="ting" readonly="readonly"
                               value="${house.htype.ting}"
                               style="text-align: center;width:10%;border: 1px solid silver;height: 25px;line-height: 25px;margin-top: 10px;">
                        &nbsp;<span style="font-size: 0.4rem">厅</span>
                    </li>
                    <li class="mui-table-view-cell mui-collapse">
                        <p class="tit fl" style="display: inline-block;">房屋类型：</p>
                        <input type="text" readonly="readonly" value="${house.ftype.ftypeName}">
                    </li>
                    <li class="box-s clearfloat">
                        <p class="tit fl">房屋价格：</p>
                        <input type="text" name="price" id="price" value="${house.price}元" class="fl"
                               readonly="readonly"/>
                    </li>
                    <li class="box-s clearfloat">
                        <p class="tit fl">押金：</p>
                        <input type="text" name="yajin" id="yajin" value="${house.yajin}元" class="fl"
                               readonly="readonly"/>
                    </li>
                    <li class="box-s clearfloat">
                        <p class="tit fl">房屋面积：</p>
                        <input type="text" name="area" id="area" value="${house.area}m²" readonly="readonly"
                               class="fl"/>
                    </li>
                    <li class="box-s clearfloat" id='showUserPicker'>
                        <p class="tit fl">房屋设施：</p>
                        <input type="text" value="${house.facility}">
                    </li>
                    <li class="box-s clearfloat" id=''>
                        <p class="tit fl">房屋图片：</p>
                        <c:set value="${fn:split(house.houseImg.imgname, ',')}" var="names"/>
                        <div style="width:95%;margin: 1.5rem auto;border: silver dashed;padding-bottom: 0.2rem">
                            <c:forEach items="${names}" var="img">
                                <span style="width: 3rem;height: 2.5rem;padding-left:0.4rem;padding-top:0.2rem;display: inline-block">
                                    <img src="<%=path%>/statics/upload/${img}" style="height: 100%;width: 100%"/>
                                </span>
                            </c:forEach>
                        </div>
                    </li>
                    <li class="box-s clearfloat">
                        <p class="tit fl">所在城市：</p>
                        <input type="text" name="xxaddress" value="${cityName}" class="fl" readonly="readonly"/>
                    </li>
                    <li class="box-s clearfloat">
                        <p class="tit fl">房屋地址：</p>
                        <input type="text" name="xxaddress" id="xxaddress" value="${house.xxaddress}"
                               readonly="readonly" class="fl"/>
                    </li>
                    <li class="box-s clearfloat">
                        <p class="tit fl" style="display: inline-block">附近交通：</p>
                        <textarea style="margin-left: 20%;width: 70%;margin-top: -10px" name="traffic" id="traffic"
                                  readonly="readonly">${house.traffic}</textarea>
                    </li>
                    <li class="box-s clearfloat">
                        <p class="tit fl">房屋说明：</p>
                        <textarea style="margin-left: 20%;width: 70%;margin-top: -10px" name="introduce"
                                  readonly="readonly">${house.introduce}</textarea>
                    </li>
                </ul>
                <input type="button" name="" id="goBack" value="返回" class="btn"/>
            </div>

        </div>
    </div>
</div>
<jsp:include page="foot.jsp"></jsp:include>
</body>


<script type="text/javascript" src="<%=path%>/statics/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<%=path%>/statics/slick/slick.min.js"></script>
<script type="text/javascript" src="<%=path%>/statics/js/jquery.leanModal.min.js"></script>
<script type="text/javascript" src="<%=path%>/statics/js/tchuang.js"></script>
<script type="text/javascript" src="<%=path%>/statics/js/hmt.js"></script>
<script src="<%=path%>/statics/js/mui.min.js"></script>
<script src="<%=path%>/statics/js/mui.picker.min.js"></script>
<script src="<%=path%>/statics/js/mui.picker.js"></script>
<script src="<%=path%>/statics/js/mui.poppicker.js"></script>
<script src="<%=path%>/statics/js/city.data.js" type="text/javascript" charset="utf-8"></script>
<script src="<%=path%>/statics/js/city.data-3.js" type="text/javascript" charset="utf-8"></script>
<script>
    (function ($) {
        $.init();
        var result = $('#result')[0];
        var btns = $('.btnfour');
        btns.each(function (i, btn) {
            btn.addEventListener('tap', function () {
                var optionsJson = this.getAttribute('data-options') || '{}';
                var options = JSON.parse(optionsJson);
                var id = this.getAttribute('id');
                var picker = new $.DtPicker(options);
                picker.show(function (rs) {
                    result.innerText = '选择结果: ' + rs.text;
                    picker.dispose();
                });
            }, false);
        });
    })(mui);
</script>
</html>
